<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="shortcut icon" href="favicon.ico"/>
	</head>
	<body>
		<style type="text/css">
			*{
				font-size: 14px;
				margin: 0;
				padding: 0;
				text-decoration: none;
				list-style-type: none;
			}
			/*模块1*/
			.part1{
				height: 100px;
				width: 100%;
				background-color: black;
			}
			/*模块1主体*/
			.part1-body{
				height: 100px;
				width: 1218px;
				margin: 0 auto;
				/*border: 1px solid white;*/
				/*background-color: white;*/
			}
			/*模块1标志*/
			.part1-body h1{
				float: left;
				/*border: 1px solid red;*/
				width: 50px;
				height: 75px;
				display: block;
				padding-top: 25px;
			}
			/*模块1标志*/
			.part1-body h1 a{
				margin-left: -5px;
				/*border: 1px solid white;*/
				display: block;
				width: 50px;
				height: 50px;
				background-image: url(img/logoX4.png);
			}
			/*模块1右侧ul*/
			.part1-body-user{
				border-left: 1px solid #343434;
				margin-top: 38px;
				/*border: 1px solid white;*/
				float: right;
			}
			.part1-body-user li{
				float: left;
				color: white;
				/*border: 1px solid white;*/
			}
			/*模块1右侧ul左li*/
			.part1-body-user-self{
				margin-left: 40px;
				width: 36px;
				height: 20px;
				background-image: url(img/account-icon.png);
				background-position: -150px 0px;
			}
			.part1-body-user-self a{
				display: block;
				width: 36px;
				height: 20px;
			}
			.part1-body-user-self a:hover{
				background-image: url(img/account-icon.png);
				background-position: 0px 0px;
			}
			/*模块1右侧ul右li*/
			.part1-body-user-car{
				margin-left: 21px;
				width: 61px;
				height: 20px;
				background-image: url(img/account-icon.png);
				background-position: -150px -22px;
			}
			.part1-body-user-car a{
				display: block;
				width: 61px;
				height: 20px;
			}
			.part1-body-user-car a:hover{
				background-image: url(img/account-icon.png);
				background-position: 0px -22px;
			}
			/*模块1左侧ul*/
			.part1-body-menu{
				margin-top: 38px;
				/*border: 1px solid white;*/
				float: right;
				margin-right: 15px;
			}
			.part1-body-menu li{
				float: left;
				color: white;
				/*border: 1px solid white;*/
			}
			.part1-body-menu li a{
				font-family: "微软雅黑";
				color: #c8c8c8;
    			display: block;
   				font-size: 14px;
   				padding: 0 25px;
			}
			.part1-body-menu li a:hover{
				color: #FFFFFF;
			}
			/*模块2*/
			.part2{
				width: 100%;
				height: 90px;
				/*border: 1px solid;*/
				background-color: #EDEDED;
			}
			.part2-body{
				height: 90px;
				width: 1218px;
				margin: 0 auto;
				position: relative;
				/*border: 1px solid;*/
			}
			.part2-body ul{
				position: absolute;
				top: 35px;
			}
			.part2-body ul li{
				/*border-right: 1px solid ;*/
				float: left;
				/*background-color: #bdbdbd;*/
			}
			.part2-body-lipoint{
				/*position: absolute;*/
				/*top: 13px;*/
				margin-top: 8px;
				height: 2px;
				width: 2px;
				background-color: #bdbdbd;
			}
			.part2-body ul li a{
				font-family: "微软雅黑";
				color: #666666;
				font-size: 14px;
				padding: 0 20px;
			}
			.part2-body ul li a:hover{
				color: #6b95ea;
			}
			/*模块3*/
			.part3{
				height: 560px;
				width: 100%;
				background-color: #EDEDED;
				
			}
			.part3-body{
				height: 560px;
				width: 1218px;
				border: 1px solid;
				border-color: rgba(0,0,0,.14);
				border-radius: 8px;
				margin: 0 auto;
			}
			.part4{
				height: 10000px;
				background-color: #EDEDED;
				width: 100%;
			}
			.part4-body{
				height: 10000px;
				width: 1218px;
				border: 1px solid;
				margin: 0 auto;
			}
			.part4-body img{
				display: block;
				/*margin-bottom: 70px;*/
				/*border: 1px solid;*/
			}
			.part5{
				height: 350px;
				width: 100%;
				background-color: #FAFAFA;
			}
			.part5-body{
				height: 350px;
				width: 1218px;
				margin: 0 auto;
				border: 1px solid;
			}
		</style>
		<div class="part1">
			<div class="part1-body">
				<h1>
					<a href="index.html" title="锤子科技官网"></a>
				</h1>
				<ul class="part1-body-user">
					<li class="part1-body-user-self"><a href="login.html"></a></li>
					<li class="part1-body-user-car"><a href="login.html"><span>0</span></a></li>
				</ul>
				<ul class="part1-body-menu">
					<li><a href="#">在线商城</a></li>
					<li><a href="#">坚果 Pro</a></li>
					<li><a href="#">Smartisan M1 / M1L</a></li>
					<li><a href="#">Smartisan OS</a></li>
					<li><a href="#">欢喜云</a></li>
					<li><a href="#">应用下载</a></li>
					<li><a href="#">官方论坛</a></li>
				</ul>
			</div>
		</div>
		<div class="part2">
			<div class="part2-body">
				<ul>
					<li><a href="#"  style="padding-left: 10px;">首页</a></li>
					<li class="part2-body-lipoint"></li>
					<li><a href="#">手机</a></li>
					<li class="part2-body-lipoint"></li>
					<li><a href="#">“足迹系列”手感膜</a></li>
					<li class="part2-body-lipoint"></li>
					<li><a href="#">官方配件</a></li>
					<li class="part2-body-lipoint"></li>
					<li><a href="#">周边产品</a></li>
					<li class="part2-body-lipoint"></li>
					<li><a href="#">第三方配件</a></li>
					<li class="part2-body-lipoint"></li>
					<li><a href="#">全部商品</a></li>
					<li class="part2-body-lipoint"></li>
					<li><a href="#">服务</a></li>
				</ul>
			</div>
		</div>
		<div class="part3">
			<div class="part3-body">
				
			</div>
		</div>
		<div class="part4">
			<div class="part4-body">
				<!--<img src="img/product-Smartisan-S-1001/part4-1.png"/>
				<img src="img/product-Smartisan-S-1001/part4-2.png"/>
				<img src="img/product-Smartisan-S-1001/part4-8.png"/>
				<img src="img/product-Smartisan-S-1001/part4-4.png"/>
				<img src="img/product-Smartisan-S-1001/part4-9.png"/>
				<img src="img/product-Smartisan-S-1001/part4-6.png"/>
				<img src="img/product-Smartisan-S-1001/part4-7.png"/>
				<img src="img/product-Smartisan-S-1001/part4-10.png"/>-->
			</div>
		</div>
		<div class="part5">
			<div class="part5-body">
				
			</div>
		</div>
		
	</body>
</html>
